CLS مخفف عبارتCumulative Layout Shift ، یکیاز معیارهای جدیدی میباشد که گوگل و بقیه موتورهای کاوش برای مرتبه دهی به تارنما ها آن را آنالیز می نمایند. سئو سایت CLS برخلاف بقیه معیارهای بهینه سازی تارنما که بیشتر روی بار گذاری شدن سریع صفحه های تاکید داراست، تجربه استفاده کننده از تعامل با سایت شمارا اندازه گیری می نماید.
core web vitals چه می باشد؟
CLS چه میباشد؟
CLS به انتقال غیرمنتظره المان های متفاوت ورقه وبسایت هنگام بارگذاری شدن گفته میگردد. این انتقال قادر است به عوارض مختلفی به عنوان مثال بار گذاری شدن فونت، تصاویر، ویدئوها، فرم های تماس، دکمه ها یا این که بقیه المان ها با تاخیر در کاغذ سایت چهره دهد.
برای فهم بهتر این پارامتر بهتر میباشد تجربه خودتان را از مشاهده برخی سایت هایی به خیال بیاورید که در اکنون تلاوت متن یک کدام از صفحه ها آن ها حین بارگذاری شدن بودید البته تغییرو تحول ناگهانی سایز شیت به انگیزه گشوده شدن یک تصویر نو یا این که تغییرو تحول اندازه فونت، موجب گردیده متن ناپدید گردیده و به زیر ورقه منتقل گردد. این تجربه ممکن میباشد با کلیک کردن روی لینک و پیوند یا این که دکمه نادرست نیز یار و همدم باشد که برای استفاده کننده چندان خوشایند وجود ندارد.
به همین انگیزه، گوگل ترازو CLS را تحت عنوان یکیاز شاخص های درجه دهی وب سایت ها در لحاظ گرفته تا تارنما ها نیز این ایرادات را تا حد ممکن کاهش دهند و تجربه بهتری برای یوزرها از بازدید وب سایت هایشان ساخت نمایند. در همین ارتباط سفارش میکنیم مقاله tbt چه میباشد را مطالعه فرمایید که به شدت روی Lighthouse و همینطور خوی استفاده کننده تاثیر میگذارد.
مقدار با صرفه CLS برای سایت چقدر میباشد؟
مقدار با صرفه CLS تارنما
مقدار CLS مبتنی بر عددی میان ۰ تا ۱ اندازه گیری گردیده و با اعتنا به استاندارد های گوگل، با صرفه بودن آن در محدوه های ذیل معقول میشود:
۰.۱ یا این که کمتر: به طور کامل باصرفه
فی مابین ۰.۱ تا ۰.۱۵ : به طور تقریب باصرفه ولی مستلزم اصلاحات جزئی
در میان ۰.۱۵ تا ۰.۲۵: تا حدودی بیرون از استاندارد
بیشتر از ۰.۲۵: بیشتراز حد بیرون از استاندارد
ابزارهای گزینش CLS تارنما
ابزار انتخاب cls وبسایت
جهت چک و گزینش CLS وبسایت میتوانید از ابزارهای پایین به کارگیری فرمائید:
Chrome Dev Tools
Lighthouse
Gtmetrix
اما گزارش مرتبط با CLS هر مورد از صفحه ها وبسایت شما در گوگل سرچ کنسول (Google Search Console) نیزقابل مشاهده میباشد. در نصیب Core Web Vitals دقیقا به lcp تارنما اشاره دارااست.
به صورت کلی پیشنهاد می شود که سی ال اس (CLS) را برای همه صفحه های سایت خویش آنالیز نمائید. در وبسایت های بخش اعظمی CLS برگه اساسی (Home Page) باصرفهسازی می گردد البته بقیه صفحه ها همچنان با اشتباهات مطرح گردیده به مخاطب اکران داده میشوند و نادیده گرفته می گردند که تاثیر نامطلوبی روی seo وبسایت دارااست.
برای seo cls وب سایت چه کنیم؟
برای سئو CLS وبسایت چه کنیم؟
به مراد seo ترازو CLSسایت نخست می بایست ایرادات مو جود در صفحه های تارنما تان را شناسایی نمائید. طبق استانداردهای گوگل، موردها ذیل مبنای سکو دهی واحد سنجش CLS که ۵٪ از جايگاه آحاد باصرفه بودن وبسایت را مشمول میگردد، درنظر گرفته میشود:
به کارگیری از css های کلی و خیر مستقل مستقل
نخست css ها بار گذاری بشن و آنگاه وب سایت اکران داده بشه (اما وسعت خویش css نباید زیاد باشد)
تصاویر و ویدئوهای فارغ از سایز مشخص و معلوم یا این که اثبات
تبلیغات، embeds و iframes سوای سایز معلوم یا این که متغیر (استعمال از درصد)
بار گذاری شدن محتوای پویا در بین محتواهای استاتیک
تغییر و تحول فونت متن صفحه های با پیکربندی FOIT یا این که FOUT (به کارگیری از طریق fout)
براین اساس، در شرایطیکه بخواهید جايگاه CLS بهتری کسب نمایید می بایست انتقال المان های صفحه ها اینترنت خویش را که به انگیزه وجود موردها مذکور صورت میدهد، به دستکم برسانید.
از آنجاییکه تصحیح این موردها نیاز به تغییر و تحول در کدنویسی صفحه ها تارنما شما داراست، سفارش میکنیم در شرایطی که به فرآیند بهینه سازی وب سایت وارد نیستید این عمل را به متخصصین بهینه سازی و سئو وبسایت بسپارید تا فارغ از هیچ مشکلی درجه CLS وبسایت شمارا بهبود بدهند.
ولی درحالتی که تصور میکنید با مقداری پند خودتان از پس آن بر میایید، در پی راهکارهایی را برای برطرف کردن این اشتباهات با شما به اشتراک میگذاریم تا به ارتقای سکو CLS اینترنت سایتتان یاری دهد.
گزینش سایز تصاویر و ویدیو ها در صفحه های اینترنت قبل از بارگذاری شدن
فراگیری گزینش سایز تصاویر و کلیپ ها در صفحه ها اینترنت قبل از بار گذاری شدن
برای معلوم کردن سایز تصویر و ویدئوهای صفحه ها تارنما، مسلما نباید کلیه آنان ارتفاع و پهنا یکسانی داشته باشند. بلکه صرفا کافی میباشد aspect ratio آن ها با هم شبیه باشد. با اعتنا به اینکه گوگل برای معین کردن بعد ها تصاویر و ویدئوها از AspectRatioCalculator.com استعمال می نماید، بهتر میباشد با به کار گیری از این ابزار، ابعد مشخصی را در کد HTML برای تصاویر و ویدئوها تخصیص دهید.
انتخاب سایز معین برای اکران تبلیغات، embeds و iframes
سایز تبلیغات، embeds و iframes
مسلما شما نمی توانید از تک تک تارنما هایی که تبلیغاتی را روی صفحه ها شما اکران میدهند بخواهید که تبلیغاتشان را با بعدها مشخصی روی تارنما شما قرار دهند. البته برای حل کردن این ایراد شما بایستی در theme نصب گردیده روی وب سایت خویش یک layout مطلوب گزینش کرده و آن را با سایز مشخصی برای اکران تبلیغات تخصیص دهید. بنابراین تبلیغات در به عبارتی layout محصور گردیده و مختلف بودن سایز آنها تاثیری در انتقال المان های گوناگون وب سایت شما نخواهد داشت.
بار گذاری شدن محتوای پویا در انتهای متن
برای حل نقص تغییر و تحول اندازه شیت به انگیزه بار گذاری شدن محتوای پویا نیازی وجود ندارد که محتواهای متبوع خودتان را که به طور پویا اکران داده می گردند، حذف نمائید. تنها کافیست آنها را به انتهای متن خودتان اضافه نمایید تا مخاطب در اثر گشوده شدن تدریجی آنها حین تعقیب کردن مطالب دیگر جان دار در ورقه وبسایت، تجربه نامطلوبی نداشته باشد.
تصحیح پیکربندی فونت
CLS مخفف عبارتCumulative Layout Shift ، یکیاز معیارهای جدیدی میباشد که گوگل و بقیه موتورهای کاوش برای مرتبه دهی به تارنما ها آن را آنالیز می نمایند. سئو سایت CLS برخلاف بقیه معیارهای بهینه سازی تارنما که بیشتر روی بار گذاری شدن سریع صفحه های تاکید داراست، تجربه استفاده کننده از تعامل با سایت شمارا اندازه گیری می نماید.
core web vitals چه می باشد؟
CLS چه میباشد؟
CLS به انتقال غیرمنتظره المان های متفاوت ورقه وبسایت هنگام بارگذاری شدن گفته میگردد. این انتقال قادر است به عوارض مختلفی به عنوان مثال بار گذاری شدن فونت، تصاویر، ویدئوها، فرم های تماس، دکمه ها یا این که بقیه المان ها با تاخیر در کاغذ سایت چهره دهد.
برای فهم بهتر این پارامتر بهتر میباشد تجربه خودتان را از مشاهده برخی سایت هایی به خیال بیاورید که در اکنون تلاوت متن یک کدام از صفحه ها آن ها حین بارگذاری شدن بودید البته تغییرو تحول ناگهانی سایز شیت به انگیزه گشوده شدن یک تصویر نو یا این که تغییرو تحول اندازه فونت، موجب گردیده متن ناپدید گردیده و به زیر ورقه منتقل گردد. این تجربه ممکن میباشد با کلیک کردن روی لینک و پیوند یا این که دکمه نادرست نیز یار و همدم باشد که برای استفاده کننده چندان خوشایند وجود ندارد.
به همین انگیزه، گوگل ترازو CLS را تحت عنوان یکیاز شاخص های درجه دهی وب سایت ها در لحاظ گرفته تا تارنما ها نیز این ایرادات را تا حد ممکن کاهش دهند و تجربه بهتری برای یوزرها از بازدید وب سایت هایشان ساخت نمایند. در همین ارتباط سفارش میکنیم مقاله tbt چه میباشد را مطالعه فرمایید که به شدت روی Lighthouse و همینطور خوی استفاده کننده تاثیر میگذارد.
مقدار با صرفه CLS برای سایت چقدر میباشد؟
مقدار با صرفه CLS تارنما
مقدار CLS مبتنی بر عددی میان ۰ تا ۱ اندازه گیری گردیده و با اعتنا به استاندارد های گوگل، با صرفه بودن آن در محدوه های ذیل معقول میشود:
۰.۱ یا این که کمتر: به طور کامل باصرفه
فی مابین ۰.۱ تا ۰.۱۵ : به طور تقریب باصرفه ولی مستلزم اصلاحات جزئی
در میان ۰.۱۵ تا ۰.۲۵: تا حدودی بیرون از استاندارد
بیشتر از ۰.۲۵: بیشتراز حد بیرون از استاندارد
ابزارهای گزینش CLS تارنما
ابزار انتخاب cls وبسایت
جهت چک و گزینش CLS وبسایت میتوانید از ابزارهای پایین به کارگیری فرمائید:
Chrome Dev Tools
Lighthouse
Gtmetrix
اما گزارش مرتبط با CLS هر مورد از صفحه ها وبسایت شما در گوگل سرچ کنسول (Google Search Console) نیزقابل مشاهده میباشد. در نصیب Core Web Vitals دقیقا به lcp تارنما اشاره دارااست.
به صورت کلی پیشنهاد می شود که سی ال اس (CLS) را برای همه صفحه های سایت خویش آنالیز نمائید. در وبسایت های بخش اعظمی CLS برگه اساسی (Home Page) باصرفهسازی می گردد البته بقیه صفحه ها همچنان با اشتباهات مطرح گردیده به مخاطب اکران داده میشوند و نادیده گرفته می گردند که تاثیر نامطلوبی روی seo وبسایت دارااست.
برای seo cls وب سایت چه کنیم؟
برای سئو CLS وبسایت چه کنیم؟
به مراد seo ترازو CLSسایت نخست می بایست ایرادات مو جود در صفحه های تارنما تان را شناسایی نمائید. طبق استانداردهای گوگل، موردها ذیل مبنای سکو دهی واحد سنجش CLS که ۵٪ از جايگاه آحاد باصرفه بودن وبسایت را مشمول میگردد، درنظر گرفته میشود:
به کارگیری از css های کلی و خیر مستقل مستقل
نخست css ها بار گذاری بشن و آنگاه وب سایت اکران داده بشه (اما وسعت خویش css نباید زیاد باشد)
تصاویر و ویدئوهای فارغ از سایز مشخص و معلوم یا این که اثبات
تبلیغات، embeds و iframes سوای سایز معلوم یا این که متغیر (استعمال از درصد)
بار گذاری شدن محتوای پویا در بین محتواهای استاتیک
تغییر و تحول فونت متن صفحه های با پیکربندی FOIT یا این که FOUT (به کارگیری از طریق fout)
براین اساس، در شرایطیکه بخواهید جايگاه CLS بهتری کسب نمایید می بایست انتقال المان های صفحه ها اینترنت خویش را که به انگیزه وجود موردها مذکور صورت میدهد، به دستکم برسانید.
از آنجاییکه تصحیح این موردها نیاز به تغییر و تحول در کدنویسی صفحه ها تارنما شما داراست، سفارش میکنیم در شرایطی که به فرآیند بهینه سازی وب سایت وارد نیستید این عمل را به متخصصین بهینه سازی و سئو وبسایت بسپارید تا فارغ از هیچ مشکلی درجه CLS وبسایت شمارا بهبود بدهند.
ولی درحالتی که تصور میکنید با مقداری پند خودتان از پس آن بر میایید، در پی راهکارهایی را برای برطرف کردن این اشتباهات با شما به اشتراک میگذاریم تا به ارتقای سکو CLS اینترنت سایتتان یاری دهد.
گزینش سایز تصاویر و ویدیو ها در صفحه های اینترنت قبل از بارگذاری شدن
فراگیری گزینش سایز تصاویر و کلیپ ها در صفحه ها اینترنت قبل از بار گذاری شدن
برای معلوم کردن سایز تصویر و ویدئوهای صفحه ها تارنما، مسلما نباید کلیه آنان ارتفاع و پهنا یکسانی داشته باشند. بلکه صرفا کافی میباشد aspect ratio آن ها با هم شبیه باشد. با اعتنا به اینکه گوگل برای معین کردن بعد ها تصاویر و ویدئوها از AspectRatioCalculator.com استعمال می نماید، بهتر میباشد با به کار گیری از این ابزار، ابعد مشخصی را در کد HTML برای تصاویر و ویدئوها تخصیص دهید.
انتخاب سایز معین برای اکران تبلیغات، embeds و iframes
سایز تبلیغات، embeds و iframes
مسلما شما نمی توانید از تک تک تارنما هایی که تبلیغاتی را روی صفحه ها شما اکران میدهند بخواهید که تبلیغاتشان را با بعدها مشخصی روی تارنما شما قرار دهند. البته برای حل کردن این ایراد شما بایستی در theme نصب گردیده روی وب سایت خویش یک layout مطلوب گزینش کرده و آن را با سایز مشخصی برای اکران تبلیغات تخصیص دهید. بنابراین تبلیغات در به عبارتی layout محصور گردیده و مختلف بودن سایز آنها تاثیری در انتقال المان های گوناگون وب سایت شما نخواهد داشت.
بار گذاری شدن محتوای پویا در انتهای متن
برای حل نقص تغییر و تحول اندازه شیت به انگیزه بار گذاری شدن محتوای پویا نیازی وجود ندارد که محتواهای متبوع خودتان را که به طور پویا اکران داده می گردند، حذف نمائید. تنها کافیست آنها را به انتهای متن خودتان اضافه نمایید تا مخاطب در اثر گشوده شدن تدریجی آنها حین تعقیب کردن مطالب دیگر جان دار در ورقه وبسایت، تجربه نامطلوبی نداشته باشد.
تصحیح پیکربندی فونت